<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="../css/home/home.css">
    <link rel="stylesheet" href="../css/home/popUpMessage.css">
</head>
<body>
<div id="pop-up-message">
    <div id="pop-up-message-content">
        <h2 id="pop-up-message-content-text"></h2>
    </div>
</div>
<div class="bg">
    <div class="id">
        <div >
            <input id="roomCode1" type="text" maxlength="1" class="square input-field"/>
        </div>
        <div >
            <input id="roomCode2" type="text" maxlength="1" class="square input-field"/>
        </div>
        <div >
            <input id="roomCode3" type="text" maxlength="1" class="square input-field"/>
        </div>
        <div >
            <input id="roomCode4" type="text" maxlength="1" class="square input-field"/>
        </div>
    </div>
    <div class="button">
        <button type="button" class="btn1" id="joinGameRoomButton">房间码进入</button>
        <p>或</p>
        <button type="button" class="btn2" id="createGameRoomButton">创建房间</button>
    </div>
</div>
</body>
<script src="../api/request.js"></script>
<script src="../api/gameRoom.js"></script>
<script src="../storage/ZhhSessionStorage.js"></script>
<script src="../js/home/popUpMessage.js"></script>
<script src="../js/home/event.js"></script>
<script src="../js/home/init.js"></script>
</html>